<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Observatório</title>
    </h:head>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_geral.css"/>
    <link rel="stylesheet" type="text/css" href="../css/estilo_eixos.css"/>
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'/>
    <h:body>

        <div id="wrap_site">
            <div id="topo">
                <ui:include src="/resources/site/top.xhtml" />
            </div> <!--END TOPO-->

            <div id="conteudo"> 

                <div id="sidebar_left"> <a href="#"><img src="../images/id_observatorio.jpg" width="310" height="154" alt="Observatório" /></a>

                    <p style="border: solid 2px #ccc; padding:10px; width:272px;">O <strong style="font-size:17px;">Eixo de Inovação</strong> acolhe projetos de pesquisa que buscam mapear, compreender e/ou discutir a natureza e as fonteiras da Gestão Social como um novo campo de práticas e conhecimentos em gestão.</p>
                    <br />


                    <a href="#"><img src="../images/bt_aprendizagem.jpg" width="96" height="85" /></a>
                    <a href="../eixo_inovacao/index.xhtml"><img src="../images/bt_inovacao.jpg" width="96" height="85" /></a>
                    <a href="../eixo_avaliacao/index.xhtml"><img src="../images/bt_avaliacao.jpg" width="96" height="85" /></a>
                    <img src="../images/gradiente_bts_internos.jpg" width="310" height="55" style="margin:-4px;" />
                    <br />

                    <p class="bg_geral_l3_bibliometria texto_vermelho" style="width:272px;"><strong>Tratamento bibliométrico do resultado de sua busca</strong>:</p>

                    <h:form id="formGraficos" >
                        <p><br />
                            <h4>
                                Esta busca resultou em #{obraBean.numeroObrasResultado} obra(s) das #{obraBean.totalObras} cadastradas;
                            </h4>

                        </p>
                        <p><br />

                            <p:chart type="pie" id="graficoTotalObras" model="#{obraBean.pieModel}" style="width: 100%;height:360px;background-color:#D9D0D0 "  />  
                        </p>
                        <p><br />

                            <p:chart type="pie" id="graficoEstados" model="#{obraBean.pieModelEstados}" style="width: 100%;height:450px;background-color:#D9D0D0 "   />  
                        </p>
                        <p><br />

                            <p:chart type="pie" id="graficoAno" model="#{obraBean.pieModelAno}" style="width: 100%;height:450px;background-color:#D9D0D0 "  />  
                        </p>
                    </h:form>

                </div>
                <div id="sidebar_right">
                    <div id="bg_l1_bibliometria">
                        <img src="../images/detalhe_caixas.png" class="det_caixas float_left" />
                        <h1 class="titulo_pagina">Base de Dados para Bibliometria em Gestão Social</h1>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat n</p>
                        <div class="clear_float"></div>
                    </div>


                    <div id="conteudo_pagina">

                        <br /> 
                        <table width="100%" border="0">
                            <tr>
                                <td class="cinza_medio" style="text-align:center; border-right:solid 5px #fff;">Filtros Ativados<br/>
                                    <h:form id="filtrosativos" >
                                        <h:outputText value="#{obraBean.filtrosAtivos}" escape="false" />
                                    </h:form>
                                    
                                </td>
                                <td class="cinza_medio"><table width="100%" border="0">
                                        <tr>
                                            <td align="center"><a href="#"><img src="../images/seta_voltar2.png" width="7" height="11" /> Realizar Nova Busca</a></td>
                                        </tr>
                                    </table></td>
                            </tr>
                        </table>

                    </div>

                    <div class="clear_float"></div>

                    <br />


                    <div class="bg_geral_l3_bibliometria">

                       


                        <p>&nbsp;</p>
                        <h:form id="form_resultado_bibliometria">

                            <p:dataTable id="cars" var="obra" value="#{obraBean.filtroObras}" rowKey="#{obra.id}"  
                                         selection="#{obraBean.obraSelecionada}" selectionMode="single"  style="background-color: #C6BCBC;width: 100% " paginator="true" rows="10" >  

                                <p:column headerText="Obras" style="white-space: normal;font-size: 12px"   >  
                                    <h:outputText value="#{obra.obraToString}" escape="false" />
                                </p:column>  

                                <f:facet name="footer" >  
                                    <p:commandButton id="viewButton" value="Visualizar"  update=":form_resultado_bibliometria:display" oncomplete="bibliometriaDialog.show()" icon="ui-icon-search"  style="background-color: #C6BCBC;" />  
                                </f:facet>  

                            </p:dataTable>  

                            <p:dialog id="dialog" header="Obra em Detalhe" widgetVar="bibliometriaDialog" width="1200" height="400" modal="true"   >  

                                <h:panelGrid id="display" columns="1" cellpadding="2" style="width:100%" >  


                                    <h:outputText value="#{obraBean.obraSelecionada.toString()}" escape="false" />  


                                    <br/>
                                    <br/>
                                    <div align="center"><h3>Observatório da Formação em Gestão Social</h3></div>


                                </h:panelGrid>
                                <div align="center">
                                    <p:commandButton value="Imprimir" type="button" icon="ui-icon-print">  
                                        <p:printer target="display" />  
                                    </p:commandButton>  
                                </div>

                            </p:dialog>


                        </h:form>  
                        <p>&nbsp;</p>
                        

                    </div>

                </div>








            </div>

            <div class="clear_float"> </div>
        </div> <!--END CONTEUDO-->

        <div id="footer">
            <p class="texto_rodape">Observatório da Formação em Gestão Social (2013)</p>
        </div>
        <div id="wrap_marcas">
            <img src="../images/id_each_usp.jpg" width="50" height="67" alt="EACH/USP" />
            <img src="../images/id_ufba.jpg" width="50" height="67" alt="UFBA" />
            <img src="../images/id_ufc.jpg" width="50" height="67" alt="UFC" />
            <img src="../images/id_uft.jpg" width="95" height="67" alt="UFT" />
            <img src="../images/id_puc.jpg" width="37" height="67" alt="PUC" />
            <img src="../images/id_udesc.jpg" width="47" height="67" alt="UDESC" />
            <img src="../images/id_ufb.jpg" width="71" height="67" alt="UFB" />
            <img src="../images/id_puc_mg.jpg" width="71" height="67" alt="PUC/MG" />
        </div>










    </h:body>
</html>

